<template>
  <div class='footer'>
    <div class='footer-box'>
      <div
        class='footer-list'
        v-for='item in data'
        :key='item.index'
        @click='go_about()'
      >{{ item.des }}</div>
    </div>
    <div class='copy-right'>
      Copyright (C) XX网 2004-2009, All Rights Reserved
      <span class='i-footer'></span>京ICP证041189号 音像制品经营许可证 京音网8号
    </div>
  </div>
</template>
<style>
.footer {
  color: #333;
  font-size: 14px;
  margin-top: 10px;
  width: 100%;
}
.footer-box {
  margin: 0 auto;
  width: 800px;
  display: flex;
  justify-content: space-between;
}
.footer-list {
  cursor: pointer;
}
.footer-list::after {
  width: 5px;
  height: 30px;
  background: #333;
}
.copy-right {
  width: 800px;
  margin: 10px auto 0;
  text-align: center;
}
.copy-right .i-footer {
  display: inline-block;
  width: 20px;
  height: 24px;
  /* background: url("~@/assets/ifooter.png") no-repeat; */
  margin: 0 2px;
}
</style>
<script>
export default {
  name: "common_footer",
  data: () => {
    return {
      data: [
        { index: 0, des: "关于我们" },
        { index: 1, des: "联系我们" },
        { index: 2, des: "人才招聘" },
        { index: 3, des: "商家入驻" },
        { index: 4, des: "广告服务" },
        { index: 5, des: "手机特产市场" }
      ]
    };
  },
  methods: {
    go_about() {
      //跳转
    }
  }
};
</script>
